<template>
  <el-container>
    
    <el-header height="" class="header" v-show="$route.meta.showHeader">
          <MyHeader />
    </el-header>

    <el-main>

      <!-- 根据路由显示内容 -->
      <router-view></router-view>
    </el-main>

    <el-footer v-show="$route.meta.showFooter">
      <MyFooter />
    </el-footer>
  </el-container>
</template>

<script>
import MyHeader from "./base/header.vue";
import MyFooter from "./base/footer.vue";
export default {
      data() {
    return {
      
    };
  },
  name: "Index",
  props: {},
  components: {
    MyHeader,
    MyFooter,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.header {
  padding: 0px;
}

    .el-main {
  color: #333;
  text-align: center;

  padding: 0px;
}
.el-footer {
  padding: 0;
}
</style>
